{extend name="common/base" /}
<!--title-->
{block name="titlekeyword"}
<title>{$content}</title>

{/block}
<!--代码主要内容-->
{block name="main"}
<h6>原形图</h6>
<div id="main" style="width: 600px;height: 400px;"></div>
<h6>代码</h6>
<pre>
	&lt;div id="main" style="width: 600px;height: 400px;"&gt;&lt;/div&gt;

	js
	
	&lt;script src="__ROOT__/static/js/echarts.js"&gt;&lt;/script&gt;
	&lt;script language="javascript"&gt;
	//文档全部加载之后再运行函数
	$(document).ready(function(){
	   // 基于准备好的dom,初始化eChars实例
	   var myChart = echarts.init(document.getElementById('main')); 
			// 指定图表的配置项和数据
			var option = {
				title:{
					text:'ECharts 入门示例'
				},
				tooltip:{},
				legend:{
					data:['销量']
				},
				xAxis:{
					data:['衬衫','羊毛衫','雪纺衫','裤子','高跟鞋','袜子']
				},
				yAxis:{},
				series:[{
					name:'销量',
					type:'line',
					data:[5,20,36,46,20]
				}],
			};
			// 使用刚指定的配置项和数据显示图表
			myChart.setOption(option);
		});
	&lt;/script&gt;

	 </pre>


 {/block}
<!--底部js 在这里是js的实际代码区-->
{block name="footjs"}
<script src="__ROOT__/static/js/echarts.js"></script>
<script src="__ROOT__/static/js/jquery.min.js"></script>

<script language="javascript">

    //文档全部加载之后再运行函数
	$(document).ready(function(){
   // 基于准备好的dom,初始化eChars实例
   var myChart = echarts.init(document.getElementById('main')); 
        // 指定图表的配置项和数据
        var option = {
            title:{
                text:'ECharts 入门示例'
            },
            tooltip:{},
            legend:{
                data:['销量']
            },
            xAxis:{
                data:['衬衫','羊毛衫','雪纺衫','裤子','高跟鞋','袜子']
            },
            yAxis:{},
            series:[{
                name:'销量',
                type:'line',
                data:[5,20,36,46,20]
            }],
        };
        // 使用刚指定的配置项和数据显示图表
        myChart.setOption(option);
	});
</script> {/block}